@charset "utf-8";
/*全站配置 begin*/

/* 清除内外边距 */
body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{margin:0;padding:0;border: 0;}
/* 设置默认字体 */
html,body{width: 100%;height: 100%;font-family: "Noto Sans SC", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;font-size: 14px;background: #fff;}
/* 重置列表元素 */
ul,ol,li,dl,dt,dd{ list-style: none;margin: 0;padding: 0;list-style-type: none }
::-webkit-input-placeholder{opacity: 1;}::-moz-placeholder{opacity: 1;}:-ms-input-placeholder{opacity: 1;}

body{
  display: flex; /* 使用Flex box布局 */
  flex-direction: column; /* 纵向排列子元素 */
}
html {
    -webkit-tap-highlight-color: transparent
}


img {
    max-width: 100%;
    border: 0;
    vertical-align: middle
}

img[src=""] {
    opacity: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
}

/*全站配置 end */



/*底部 begin*/
.footer{ background:#282828;padding:50px 0;}
.footer .box{ width:1400px;margin:0 auto;overflow:hidden;}
.footer .left-dh{ float:left;overflow:hidden;border-right:solid 1px #444;}
.footer .left-dh ul{}
.footer .left-dh ul li{ float:left;width:184px;}
.footer .left-dh ul li h4{ font-weight:500;color:#fff;line-height:26px;margin-bottom:30px;font-size:16px;}
.footer .left-dh ul li p{ line-height:32px;}
.footer .left-dh ul li a{ color:#fff;color:#999;}
.footer .left-dh ul li a:hover{ color:#fd8f19;}
.footer .right-message{ float:right;text-align:center;color:#fff;}
.footer .right-message h4{ font-weight:500;color:#fff;line-height:26px;margin-bottom:30px;font-size:16px;}
.footer .right-message img{ width:112px;height:112px;margin:0 auto;margin-bottom:20px;}
.footer .right-message p b{ display:block;margin-top:5px;font-size:24px;font-weight:500;color:#fd8f19;}
.footer hr{border-top:solid 1px #444;margin-top: 30px;}
.footer .footer-copy{ width:100%;margin:0 auto;text-align:center;margin-top:50px;position: 0 10px;}
.footer .footer-copy p{ margin-top:10px;color:#999;}
.footer .footer-copy p a{ color:#999;}

@media (max-width: 640px){
    .footer{ background:#282828;padding:10px 10px;}
    .footer .box{ display: none;}
    .footer .footer-copy{ width:90%;margin:0 auto;text-align:center;margin-top:10px;}
}

/*内页通用*/


/*内页banner*/
.suneng-banner {
    position: relative;
    padding-top: 186px;
}
.suneng-banner img{
    width: 100%
}
@media (max-width: 640px){
    .suneng-banner {
    position: relative;
    padding-top: 0px;
}
}

/*内页中间导航*/
.bannerbox6{width:1400px;margin: 0 auto;flex: 1;text-align: center;}
.bannerbox3{width:600px;margin: 0 auto;flex: 1;text-align: center;}
.bannerbox2{width:400px;margin: 0 auto;flex: 1;text-align: center;}
.banner-xm {bottom: 0;left: 0;width: 100%;margin: 20px auto;text-align: center;}
.banner-xm hr{color: #f0f2f5}
.banner-xm ul li {width: 20%;margin-right: 1%;float: left;text-align: center;background: rgba(0, 0, 0, .3); 
    border-radius: 15px;
}
.banner-xm ul li:last-child {margin-right: 0;}
.banner-xm ul li a {color: #fff;font-size: 1.1em;display: block;padding: 14px 0 17px;font-weight: 300;}
.banner-xm ul .cur {background: #014099;border-radius: 10px;}
.banner-xm ul li:hover {background: #014099;}
.banner-xm-6 ul li {width: 15.566%;margin:0 0.5%;}
.banner-xm-3 ul li {width: 31.12%;margin:0 1%;margin:0 1%;}
.banner-xm-2 ul li {width: 48%;margin:0 1%;}

@media (max-width:768px){
.bannerbox6,.bannerbox3,.bannerbox2{width:100%;}
}

/*中间内容区域*/
.hengxian{border-bottom: 1px solid #f0f2f5;}
.tuwen {padding: 20px 0px;background: #ffffff;}
.tuwen .container{width: 1400px;max-width: 100%;margin-right:auto;margin-left:auto}
@media (max-width:768px){.tuwen .container{width:750px}}

.tuwen .row {padding-left: 10px;padding-right:10px;}
.tuwen .editor {background: #ffffff;padding: 30px 10px;line-height: 1.8;font-size: 14px;font-weight: 300;}
.tuwen p {margin-bottom: 16px;font-size: 1.3em;}
.tuwen .des{font-size: 1.1em}
.tuwen .info .number{float: right;padding-right: 20px;}
.tuwen ul {list-style: none;}
.tuwen ul li{position: relative; float: left; width: 31.33333333%;padding-right: 25px; margin-bottom: 28px;}

@media (max-width: 768px){
    .tuwen  ul li {width: 100%;}
}

.tuwen .editor .proli  img {width: 100%; position: relative; display: block;height:255px;}
@media (max-width: 768px){
    .tuwen .editor .proli img {height:200px;}
}
.tuwen .editor .prolist .picturezooms {position: relative; border: 1px solid #f0f2f5;}
.tuwen .editor .prolist .picturezooms {display: block;overflow: hidden;}
.tuwen .editor .prolist .picturezooms img {transition: all 0.2s ease;  /* 添加过渡效果 */}
.tuwen .editor .prolist .picturezooms:hover {box-shadow: 0 0 5px gray;}
.tuwen .editor .prolist .picturezooms:hover img {transform: scale(1.3);-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}

.tuwen .proli .title {padding: 10px 0px;font-size:1.2em;margin-top: 0;color: #37474f;text-align: center!important;text-transform: capitalize;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 768px){.contactpic img{width: 100%;padding-bottom: 30px;}}

/*产品详情页*/
.suneng-showproduct{padding: 24px 0px;}
.suneng-showproduct img{max-width: 100%;height: auto;}
/*新闻详情页*/
.sunengnews-show-header h1{font-size: 1.8em;}
.sunengnews-show-header .info span{padding-right: 20px;margin-bottom: 10px;}
.sunengnews-show-content{margin-top: 30px;}